@charset "utf-8";
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input{ margin:0;padding:0;box-sizing:border-box;} 
body{font-family:"Arial, Helvetica, sans-serif";}
ul,ol,li{list-style:none;}
a,u{text-decoration:none;}
b,strong,h1,h2,h3,h4,h5,h6{font-weight:100;font-size:12px;}
i,em{font-style:normal;}
img,input{display:block;border:0;outline: none;}
.clearfix:after{content:".";clear:both;height:0;display:block;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}

//top
.top{
    width:100%; 
    height:90px; 
    overflow:hidden; 
    position:relative;
     a{
         position:absolute; 
         left:50%;
         margin-left:-960px;
    }
}
.top_bar{
    width:100%; 
    height:30px; 
    background:#f5f5f5;
    .top_part{
        width:1200px; 
        margin:0 auto;
    .topl{ 
        width:270px;
        height:30px;
        float:left;
        line-height: 30px;
    h3{
        width:150px;
        font-size:14px;
        margin-right:30px;
        float:left;
}   p{
    width:30px;
    font-size:14px;
    float:left;
    }
i{ 
    width:1px;
    height:12px;
    margin:8px;
    float:left;
    background:#ddd;
    }
}
   .topr{
       width:450px;
       height:30px;
       float:right;  
       li{           
            float:left;
       width:66px;
       height:30px;
       line-height:30px;
       position:relative;
       font-size:12px;
 a{
     float:left;
     color:#333;
     font-size:12px;
   .pp{
       float:left;
       width:66px;
       height:12px;}
   }
  }
   .ci-right{
       float:right;
       width:6px;
       height:3px;
       background:url(../img/top_icon.png) no-repeat center left;
       background-position:-96px -56px;
       }
   .cart_item{
       float:left;
       width:12px;
       height:11px;
       background:url(../img/top_icon.png) no-repeat center left;
       background-position:-54px -56px;
       margin-right:5px;
       margin-top:-5px;
       }
   .carts_num{
       float:right;
       width:16px;
       height:16px;
       background:url(../img/top_icon.png) no-repeat center left;
       background-position:-10px -56px;
       margin-right:17px;
       margin-top:-7px;
       text-align: center;
       line-height: 16px;
       }
  .phone{
      float:left;
      width:8px;
      height:12px;
      background:url(../img/top_icon.png) no-repeat center left;
      background-position:-36px -56px;
      margin-top:10px;
      margin-right:3px;
      }
   .map{
       float:left;
       width:10px;
       height:10px;
       background:url(../img/top_icon.png) no-repeat center left;
       background-position:-76px -56px;
       margin-top:10px;
       margin-right:3px;
       }
   .dorpdown{
       width:65px;
       height:130px;
       position:absolute;
       left:0;
       top:30px;
       box-shadow: 0 1px 1px 1px #dddddd;
       display: none;
       background:#fff;
   li{
       height:25px;
       margin:0 auto;
       width:65px;
       text-align: center;
       line-height: 25px;
       }
    }
   .topr-img{
       float:left;
       position: absolute;
       left:0;
       top:30px;
       width:98px;
       height:240px;
       display:none;
       }
    }
       
  }
}
//logo
.logo{
    width:100%;
    height:111px;
    .logo-con{
        width:1200px;
        height:111px;
        margin:0 auto;
        .logol{
            width:258px;
            height:76px;
            float:left;
            margin-top:15px;
        }
        .logor{
            width:688px;
            height:81px;
            float:left;
            margin-left:90px;
            margin-top:30px;
            .logoup form{
                width:686px;             
                .search{
                    width:414px;
                    height:40px;
                    line-height: 40px;
                    border:2px solid #1a9733;
                    float:left;
                    padding:0 30px;
                    background:url(http://www.emeixian.com/themes/68ecshopcom_360buy/images/active_common/search_bg.jpg) no-repeat 8px center;
                }
                .sub{
                    width:88px;
                    height:40px;
                    font-size:14px;
                    text-align: center;
                    line-height: 40px;
                    background:#1a9733;
                    color:#fff;
                    font-weight:600;
                }
            }
        }
        .logod{
            width:688px;
            height:24px;
            line-height: 24px;
            margin-top:2px;
            float:left;
            color:#999;
            font-size:12px;
            strong{float:left;}
            a{float:left;color:#999;}
            a:hover{color:#0c0;}
        }
    }
}
//nav
.nav{
    width:100%;
    height:40px;
    margin-top:5px;
    .nav-con{
        width:1200px;
        height:40px;
        margin:0 auto;
        .cat_all{
            width:240px;
            height:40px;
            float:left;
            position:relative;
            h4{
                width:240px;
                height:40px;
                line-height: 40px;
                padding-left:20px;
                background:#1A9733;
                float:left;
                span{
                    float:right;
                    width:14px;
                    height:14px;
                    margin:13px;
                    background:url(http://www.emeixian.com/themes/68ecshopcom_360buy/images/active_common/icon_01.jpg) no-repeat ;
                }
                a{
                    float:left;
                    font-size:14px;
                    color:#fff;
                    font-weight:600;
                }
            }
        .warp{
            width:239px;
            height:491px;
           float:left;
           position:absolute;
           left:0;
           top:40px; 
           z-index: 100;
           .goods_nav{
               width:239px;
               padding-top:3px;
               min-height:488px;
               background:#000;
               .drop-menu li{
                   height:37px;
                   line-height: 37px;
                   h2{
                       font-size:14px;
                       a{
                           color:#fff;
                           padding-right:5px;
                           font-size:14px;
                           padding:0 27px;
                       }
                   }
                   .mx-mod{
                       width:560px;
                       min-height:410px;
                       background:#f9f9f9;
                       position:absolute;
                       top:2px;
                       z-index: 999;
                       left:239px;
                       overflow: hidden;
                       .mod-main{
                           width:260px;
                           float:left;
                           padding:30px;
                           overflow: hidden;
                           background:#fff;
                           min-height:410px;
                           dl{
                               width:130px;
                               float:left;
                               
                               dt{
                                   font-size:14px;
                                   line-height:22px;
                                   margin-bottom:5px;
                                   font-weight:700;
                                   a{
                                      white-space: nowrap;
                                       color:#1a9733;
                                       margin:0 5px;
                                   }
                               }
                               dd{
                                   line-height:22px;
                                   margin:5px 0;
                                   em{
                                       a{
                                           color:#333;
                                           font-size:14px;
                                           margin:0 5px;
                                           display: block;
                                           white-space: nowrap;
                                       }
                                   }
                               }
                           }
                       }
                       .mod-brand{
                           width:180px;
                           float:left;
                           padding:30px;
                           min-height:410px;
                           h3{
                             color:#1a9733;
                             font-size:14px;
                             font-weight:bold;
                             line-height:24px;                         
                           }
                           ul{
                               li{
                                   float:left;
                                   width:90px;
                                   text-align: left;
                                   a{
                                       font-size:12px;
                                       color:#333;
                                   }
                               }
                           }
                       }
                   }
               }
           }
        }
        }
        .daoh{
            float:left;
            height:40px;
            margin-left:20px;
            li{
                float:left;
                height:40px;
                line-height: 40px;
                margin-left:20px;
                text-align: center;
                a{
                    float:left;
                    font-size:16px;
                    margin-right:10px;
                    color:#333;
                    height:38px;
                }
                span{
                    float:left;
                    color:#ccc;
                }
            }
         .icon{
             width:24px;
             height:14px;
             float:left;
             background:url(http://www.emeixian.com/themes/68ecshopcom_360buy/images/index/new.gif) no-repeat top center; position:relative;left:-20px;
         }   
        }
    }
}
.line{
    width:100%;
    height:2px;
    background:#1A9733;
    float:left;
}


//bottom
 .mx-footer{
     width:100%;
     height:635px;
     margin:0 auto;
     margin-top:30px;
     border-top:1px solid #eee;
     background:#fff;
     padding-bottom: 50px;
     .mx-help{
         .mx-help-up{
             width:100%;
             height:98px;
             float:left;
             border-bottom:1px solid #eee;
             ul{
                 width:1200px;
                 margin:0 auto;        
                 overflow: hidden;
                 padding-bottom:30px;
                 li{
                     width:300px;
                     height:70px;
                     float:left;
                     margin-top:30px;
                     img{
                         width:46px;
                         height:46px;
                         float:left;
                         margin-right:5px;
                     }
                     p{
                         width:170px;
                         height:30px;
                         margin-left:5px;
                         color:#444;
                         font-size:18px;
                         float:left;
                     }
                     span{
                         float:left;
                         height:14px;
                         font-size:14px;
                         color:#999;
                     }
                 }
             }
         }
         .mx-help-down{
             width:100%;
             float:left;
             border-bottom: 1px solid #eee;
             ul{
                 width:1200px;
                 overflow: hidden;
                 padding-bottom:30px;
                 margin:0 auto;
                 li{
                    width:200px;
                    height:auto;
                    float:left;
                    margin-top:30px;
                    padding-left:0; 
                    h4{
                        width:auto;
                        height:22px;
                        font-size:16px;
                        color:#199733;
                        font-weight:800;
                    }
                    a{
                        float:left;
                        width:200px;
                        height:24px;
                        line-height:24px;
                        color:#666;
                        font-size:12px;
                    }
                 }
             }
         }
     }
     .mx-link{
        width:1200px;
        padding:20px;
        float:left;
        margin-bottom:8px;
        font-size:12px;
        line-height:26px;
        text-align: center;
        a{
            float:left;
            margin-right:18px;
            white-space: nowrap;
            color:#666;
        }
    }
    .mx-register{
        float:left;
        height:67px;
        margin:10px auto;
        margin-top:20px;
        text-align: center;
        span{
            width:1200px;
            height:14px;
            float:left;
            margin-bottom:10px;
            font-size:12px;
            text-align: center;
            color:#666;
        }
    }
    .mx-bottom{
        width:1200px;
        height:49px;
        float:left;
        margin-top:20px;
        overflow: hidden;
        ul{
            width:576px;
            margin:0 auto;
            li{
                float:left;
                margin-right:5px;
                img{
                    float:left;
                }
            }
        }
    }
 }
//固定定位
.mx-fixed{
    width:40px;
    height:270px;
    position: fixed;
    top:0;
    right:0;
    background:#222;
    z-index: 100;
    #shopCart{
        a{
            float:left;
            height:70px;
            width:40px;
            line-height:16px;
            color:#fff;
            margin:20px 0 10px;
            margin-top:55px;
            background-position: -23px -225px;
            i{
                float: left;
                background:url(http://www.emeixian.com/themes/68ecshopcom_360buy/images/right_float/right_floating.png) no-repeat;
                cursor:pointer;
                background-position: -10px -164px;
                width:16px;
                height:15px;
                margin-left:10px;
                margin-top:10px;
            }
            .mx-num{
                width:28px;
                height:29px;
                float:left;
                text-align: center;
                margin-top:9px;
                margin-left:6px;
                cursor: pointer;
                font-size:11px;
                color:#fff;
                line-height:26px;
                background:url(http://www.emeixian.com/themes/68ecshopcom_360buy/images/right_float/right_floating.png) no-repeat;
                               background-position:-32px -130px;
            }
        }
    }
    .mx-talk{
        position: relative;
        a{
            float:left;
            color:#666;
            width:40px;
            height:24px;
            margin-bottom:6px;
            padding-top:10px;
            font-size:12px;
            z-index: 1;
            
            i{
                float:left;
                width:19px;
                height:18px;
                cursor:pointer;
                background:url(http://www.emeixian.com/themes/68ecshopcom_360buy/images/right_float/right_floating.png) no-repeat;
                background-position:-10px -108px; 
               margin-left:11px; 
            }
        }
        .mx-tool{
            width:144px;
            height:36px;
            line-height:36px;
            z-index: 2;
            position:absolute;
            left:-144px;
            top:135px;
            background:#1eaa39;
            color:#fff;
            text-align: center;
            float:left;
            cursor:pointer;
            font-size:14px;
        }
    }
    .mx-tel{
        position:relative;
        a{
            float:left;
            color:#fff;
            width:40px;
            height:24px;
            margin-bottom:6px;
            font-size:12px;
            z-index: 1;
            
            padding-top:10px;
            i{
                float:left;
                width:19px;
                height:18px;
                background:url(http://www.emeixian.com/themes/68ecshopcom_360buy/images/right_float/right_floating.png) no-repeat;
                background-position:-10px -136px;
            margin-left:11px;
            }
        }
        .mx-phone{
            width:190px;
            height:36px;
            line-height:34px;
            z-index: 2;
            color:#fff;
            position:absolute;
            left:-190px;
            top:175px;
            background:#1EAA39;
            text-align: center;
            font-size:14px;
            cursor: pointer;
        }
    }
    .mx-li{
        position:relative;
        height:25px;
        float:left;
        a{
            width:40px;
            height:25px;
            float:left;
            padding-top:5px;
            color:#666;
            font-size:12px;
            z-index: 1;
            i{
                display: block;
                margin:0 auto;
                cursor:pointer;
                width:19px;
                height:18px;
                background:url(http://www.emeixian.com/themes/68ecshopcom_360buy/images/right_float/right_floating.png) no-repeat;
                background-position:-39px -108px;
                margin-left:11px;
            }
        }
        .mx-img{
            position:relative;
            img{
                float:left;
                width:185px;
                height:200px;
                position:absolute;
                top:-110px;
                left:50px;
            }
        }
    }
}
.return{
    width:40px;
    height:40px;
    background:#222;
    position:fixed;
    top:295px;
    right:0;
    z-index: 100;
    a{
        float:left;
        color:#666;
        width:40px;
        z-index: 1;
        font-size:12px;
        i{
            float:left;
            width:20px;
            height:20px;
            cursor:pointer;
            background:url(http://www.emeixian.com/themes/68ecshopcom_360buy/images/right_float/right_floating.png) no-repeat;
            background-position:-10px -78px;
            margin-left:11px;
            margin-top:11px;
        }
    }
}
